<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .counter-box{
            counter-reset: wangxiaoer 2; /* 计数器名称是'wangxiaoer'  开始值：2;  多个计时器一起声明的话->空格<-相隔 */
        }
        .increment:before{
            counter-increment: wangxiaoer; /*负责普照*/
            content: counter(wangxiaoer); /*负责输出*/
        }
    </style>
</head>
<body>
    <div class="counter-box">
        <div class="increment"></div>
        <div class="increment"></div>
        <div class="increment"></div>
        <div class="increment"></div>
    </div>
</body>
</html>